<script setup>
const config = {
    // point: [{
    //     name: "北京",
    //     // 点坐标
    //     coordinate: [0.75, 0.382],
    //     // 光晕
    //     halo: {
    //         show: true,
    //         color: "#FF0000",
    //         radius: 100,
    //     },
    //     text: {
    //         color: "#fb7293",
    //     },
    // },
    // {
    //     name: "郑州",
    //     coordinate: [0.7, 0.55],
    // },
    // {
    //     name: "杭州",
    //     coordinate: [0.84, 0.67],
    //     halo: {
    //         show: true,
    //         color: '#37a2da',
    //         radius: 100,
    //     },
    // },
    // {
    //     name: "济南",
    //     coordinate: [0.78, 0.49],
    // },
    // {
    //     name: "石家庄",
    //     coordinate: [0.725, 0.45],
    // },
    // {
    //     name: "太原",
    //     coordinate: [0.685, 0.45],
    // },

    // {
    //     name: "天津",
    //     coordinate: [0.765, 0.396],
    // },
    // {
    //     name: "沈阳",
    //     coordinate: [0.865, 0.318],
    // },
    // {
    //     name: "长春",
    //     coordinate: [0.875, 0.245],
    // },
    // {
    //     name: "哈尔滨",
    //     coordinate: [0.895, 0.185],
    // },
    // {
    //     name: "呼和浩特",
    //     coordinate: [0.655, 0.38],
    // },
    // {
    //     name: "银川",
    //     coordinate: [0.572, 0.451],
    // },
    // {
    //     name: "西安",
    //     coordinate: [0.618, 0.551],
    // },
    // {
    //     name: "兰州",
    //     coordinate: [0.525, 0.521],
    // },
    // {
    //     name: "西宁",
    //     coordinate: [0.48, 0.501],
    // },
    // {
    //     name: "乌鲁木齐",
    //     coordinate: [0.25, 0.28],
    // },
    // {
    //     name: "拉萨",
    //     coordinate: [0.29, 0.67],
    // },
    // {
    //     name: "成都",
    //     coordinate: [0.53, 0.65],
    // },
    // {
    //     name: "重庆",
    //     coordinate: [0.58, 0.69],
    // },
    // {
    //     name: "贵阳",
    //     coordinate: [0.589, 0.754],
    // },
    // {
    //     name: "昆明",
    //     coordinate: [0.49, 0.82],
    // },
    // {
    //     name: "南宁",
    //     coordinate: [0.62, 0.86],
    // },
    // {
    //     name: "长沙",
    //     coordinate: [0.7, 0.73],
    // },
    // {
    //     name: "南昌",
    //     coordinate: [0.76, 0.71],
    // },
    // {
    //     name: "合肥",
    //     coordinate: [0.77, 0.59],
    // },
    // {
    //     name: "南京",
    //     coordinate: [0.82, 0.60],
    // },
    // {
    //     name: "武汉",
    //     coordinate: [0.72, 0.65],
    // },
    // {
    //     name: "上海",
    //     coordinate: [0.87, 0.62],
    // },
    // {
    //     name: "福州",
    //     coordinate: [0.834, 0.76],
    //     halo: {
    //         show: true,
    //         // color: '#37a2da',
    //         radius: 100,
    //     },
    // },
    // {
    //     name: "广州",
    //     coordinate: [0.726, 0.85],
    // },
    // {
    //     name: "澳门",
    //     coordinate: [0.722, 0.882],
    // },
    // {
    //     name: "香港",
    //     coordinate: [0.736, 0.878],
    // },
    // {
    //     name: "海口",
    //     coordinate: [0.659, 0.958],
    // },
    // {
    //     name: "台北",
    //     coordinate: [0.89, 0.78],
    // },
    // ],
    points: [
        {
            name: '郑州',
            coordinate: [0.48, 0.35],
            icon: {
                src: '/src/assets/mapCenterPoint.png',
                width: 30,
                height: 30
            },
            text: {
                color: '#fb7293'
            }
        },

        {
            name: '新乡',
            coordinate: [0.52, 0.23]
        },
        {
            name: '焦作',
            coordinate: [0.43, 0.29]
        },
        {
            name: '开封',
            coordinate: [0.59, 0.35]
        },
        {
            name: '许昌',
            coordinate: [0.53, 0.47]
        },
        {
            name: '平顶山',
            coordinate: [0.45, 0.54]
        },
        {
            name: '洛阳',
            coordinate: [0.36, 0.38]
        },
        {
            name: '周口',
            coordinate: [0.62, 0.55]
        },
        {
            name: '漯河',
            coordinate: [0.56, 0.56]
        },
        {
            name: '南阳',
            coordinate: [0.37, 0.66]
        },
        {
            name: '信阳',
            coordinate: [0.55, 0.81]
        },
        {
            name: '驻马店',
            coordinate: [0.55, 0.67]
        },
        {
            name: '济源',
            coordinate: [0.37, 0.29]
        },
        {
            name: '三门峡',
            coordinate: [0.20, 0.36]
        },
        {
            name: '商丘',
            coordinate: [0.76, 0.41]
        },
        {
            name: '鹤壁',
            coordinate: [0.59, 0.18]
        },
        {
            name: '濮阳',
            coordinate: [0.68, 0.17]
        },
        {
            name: '安阳',
            coordinate: [0.59, 0.10]
        }
    ],
   
    lines: [
        {
            source: '新乡',
            target: '郑州'
        },
        {
            source: '焦作',
            target: '郑州'
        },
        {
            source: '开封',
            target: '郑州'
        },
        {
            source: '许昌',
            target: '郑州'
        },
        {
            source: '平顶山',
            target: '郑州'
        },
        {
            source: '洛阳',
            target: '郑州'
        },
        {
            source: '周口',
            target: '郑州'
        },
        {
            source: '漯河',
            target: '郑州'
        },
        {
            source: '南阳',
            target: '郑州'
        },
        {
            source: '信阳',
            target: '郑州'
        },
        {
            source: '驻马店',
            target: '郑州'
        },
        {
            source: '济源',
            target: '郑州'
        },
        {
            source: '三门峡',
            target: '郑州'
        },
        {
            source: '商丘',
            target: '郑州'
        },
        {
            source: '鹤壁',
            target: '郑州'
        },
        {
            source: '濮阳',
            target: '郑州'
        },
        {
            source: '安阳',
            target: '郑州'
        }
    ],
    icon: {
        show: true,
        src: '/src/assets/mapPoint.png'
    },
    text: {
        show: true,
    },
    bgImgSrc: '/src/assets/map.jpg'
}
</script>
<template>
    <div class="chart-content">
        <dv-flyline-chart-enhanced :config="config" style="width:100%;height:100%;" />
        <div class="title">
            <dv-decoration7>
                <h4>中国飞线地图</h4>
            </dv-decoration7>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.chart-content {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;

    .title {
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #3eb9e2;
        height: 50px;
        line-height: 50px;

    }
}
</style>